<template>
    <div class="jing">
        <van-cell title="特色服务" is-link value="查看更多" />
        <div class="tu_t">
            <img src="../../../assets/imgs/te1.jpg" alt="">
            <img src="../../../assets//imgs/te2.jpg" alt="">
        </div>
        <div class="tu_z">
            <img src="../../../assets/imgs/te3.jpg" alt="">
            <img src="../../../assets//imgs/te4.jpg" alt="">
        </div>
        <div class="tu_b">
            <img src="../../../assets/imgs/te5.jpg" alt="">
            <img src="../../../assets//imgs/te6.jpg" alt="">
            <img src="../../../assets//imgs/te7.jpg" alt="">
        </div>
    </div>
</template>

<script lang="ts" setup>
import { ref } from "vue"
import {getSelectDocter } from '../../../api/http'
//精选医生
const docters = ref()

//获取医生
getSelectDocter().then(res => {
    // console.log(res.data);
    docters.value = res.data.doctors
})
</script>

<style lang="scss" scoped>
//精选医生
.jing {
    width: 100%;
    height: 450px;
    background-color: white;
    // border: 1px solid;
    .tu_t {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        img {
            width: 49%;
        }
    }
    .tu_z{
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        img {
            width: 49%;
        }
    }
    .tu_b{
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        img {
            width: 32%;
        }
    }
}
</style>
